<!DOCTYPE html>
<html lang="en">
<script src="123.js"></script>
<head>
    <meta charset="UTF-8">
    <title>入门</title>
</head>
<body>
    <!--v-on:click: 绑定点击事件 编写模式@click-->
    <!--鼠标事件：当移动鼠标时，动态获取鼠标的坐标-->
    <!--键盘事件：获取按键-->
  <div id="app">
      <button v-on:click="clickMe">点我</button>
      <button @click="clickMe">点我</button>
      <div @mousemove="move" style="width: 500px;height: 300px;border: solid red 1px">

      </div>
      <input type="text" @keydown="methodA">
  </div>
</body>
<!--<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>-->
<script>
  /*js脚本  Vue名称是固定的*/
  new Vue({
    el:"#app",   //指定我们的Vue要管理的区域 el=
    data:{//模型数据
    },
    methods:{//方法列表
        clickMe(){
            alert("点我")
        },
        move(event){
            //相对于当前元素的坐标
            //console.log(event.offsetX+"::"+event.offsetY)
            //相对于页面的坐标
            console.log(event.x+"::"+event.y)
        },
        methodA(event){
            console.log(event)
            console.log()
        }
    }
  });
</script>
</html>